body.theme-deep-space {
    background: #000 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="10" cy="10" r="1" fill="white" opacity="0.3"/><circle cx="30" cy="70" r="0.5" fill="white" opacity="0.2"/><circle cx="80" cy="20" r="1.5" fill="white" opacity="0.4"/></svg>') repeat;
    color: #88a;
}

.theme-deep-space .container {
    background: rgba(10, 10, 20, 0.7);
    border: 1px solid #444;
    box-shadow: 0 0 15px rgba(0, 0, 255, 0.3);
}

.theme-deep-space h1 {
    color: #0af;
    text-shadow: 0 0 10px rgba(0, 170, 255, 0.7);
}

.theme-deep-space label {
    color: #0af;
}

.theme-deep-space select,
.theme-deep-space input,
.theme-deep-space button:not(.theme-toggle button) {
    background: rgba(30, 30, 50, 0.8);
    border-color: #55f;
    color: #acf;
}

.theme-deep-space th {
    background: rgba(0, 0, 100, 0.3);
    color: #0af;
    border-bottom-color: #55f;
}

.theme-deep-space td {
    border-bottom-color: #444;
}

.theme-deep-space tr:hover {
    background: rgba(0, 100, 255, 0.1);
}

.theme-deep-space button {
    background: #00f;
    color: white;
    border: 2px solid;
}

.theme-deep-space button:hover {
    background: #33f;
}

.theme-deep-space .theme-toggle button {
    background: rgba(0, 100, 255, 0.3);
    color: white;
}

.theme-deep-space .theme-toggle button:hover {
    background: rgba(0, 100, 255, 0.6);
}

.theme-deep-space .nav-item {
    border: #55f 2px solid;
    color: #0af;
}